<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="../css/mui.min.css">
		<style>

			.bg a {
				width: 160px;
				height: 50px;
				border: 2px solid #00FF00;
				text-align: center;
				line-height: 50px;
				border-radius: 10px;
				font-size: 34px;
				color: #00FF00;
				position: absolute;
				bottom: 12%;
				left: 50%;
				margin-left: -80px;
			}
		</style>
	</head>

	<body>
		<div id="slider" class="mui-slider mui-fullscreen">
			<div class="mui-slider-group">
				<!-- 第一张 -->
				<div class="mui-slider-item">
					<img src="../img/img1.jpg" />
				</div>
				<!-- 第二张 -->
				<div class="mui-slider-item">
					<img src="../img/img2.jpg" />
				</div>
				<!-- 第三张 -->
				<div class="mui-slider-item">
					<img src="../img/img3.jpg" />
					<div class="bg">
						<a href="javascript:onClick();">
							立即体验
						</a>
					</div>
				</div>
			</div>
			<div class="mui-slider-indicator">
				<div class="mui-indicator mui-active"></div>
				<div class="mui-indicator"></div>
				<div class="mui-indicator"></div>
			</div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script>
			mui.back = function() {};
			mui.plusReady(function() {
				if(mui.os.ios) {}
				//plus.navigator.setFullscreen(true);
				plus.navigator.closeSplashscreen();
			});

			function onClick() {
				//plus.storage.setItem("lauchFlag", "true");
				//				mui.back();
				mui.openWindow("account/login.html", "account/login.html");
				setTimeout(function() {
					plus.navigator.setFullscreen(false);
					plus.webview.currentWebview().close();
				}, 500);
			}
		</script>
	</body>

</html>